  *{
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
  }
  ul{
    list-style: none;
  }
 /* 清除浮动*/
  .clearfix:before,.clearfix:after{
    display:table;
    content:"";
  }
  .clearfix:after{
    clear:both;
  }
  .clearfix{
    *zoom:1;
  }
   /* 集体声明*/
  a{
    color:#050505 ;
    text-decoration:none;/*取消下划线*/
  }
  input{
    border:0;
    box-sizing:border-box;/*css3盒子模型border和padding 都包含到宽度中*/
  }
  .container{/*因为我们版心宽度是1200，都要居中对齐，就要声明一个公共类*/
    width:1079px;/*1079*/
    margin:0 auto;
  }
  /*css初始化结束
  */
/*页面头部分*/
    body{
      background-color:#f4f8fb ;/*#b6cbe6整个页面的f3f5f7背景色*/
    }
  header{
    height:100px;
  /*  background-color:pink;*/
    overflow: hidden;/*防止外边距合并问题*/
  }
  nav{/*最上面的大盒子*/
    width:100%;/*宽度暂定1366*/
    height:50px;
    background-color: #212121;
    margin:0px auto 0; 
    position:fixed;/*固定定位的盒子一定要写宽和高，除非有内容撑开*/
  }
  .logo{
    float:left;
  }
  .logo img{
    margin-left: 40px;
    margin-top:-7px;
  }
 /* .navbar{
    float:left;
    height:42px;
    line-height: 35px;这个行高给父亲，因为行高会继承 每个li也就会有了
    margin-left: 10px;
    }/*两个盒子之间的距离（Logo和首页之间的距离）
*/
  
    .menu li{
      float:left; /*让首页 课程这个一行显示*/
      /*display: inline-block;*/
      color:#ffff;
      font-size:20px;
      line-height: 50px;
      /*font-weight:bold;*/
      text-align:center;
      width:100px;

    }
    .list1{
      background-color:black;
      width:100px;
      height: 140px;
      display: none;
      color:#fff;
      font-size:18px;
      line-height: 30px;
    }
    .list2{
      background-color:black;
      width:100px;
      height: 100px; 
      display: none;
      color:#fff;
      font-size:18px;
      line-height: 30px;
    }
    .list3{
      background-color:black;
      width:100px;
      height: 90px;
      display: none;
      color:#fff;
      font-size:16px;
      line-height: 30px;
    }
    .navbar li a{
      padding: 0 8px;/*首页和课程之间宽度，上下零，左右8像素*/
     /* border-bottom :1px solid red;*/
      display:block;/*a是行内元素，给高应该转换块级*/
      height: 42px;
      color: #fff;
    }
    .navbar li a:hover{
      border-bottom: 2px solid #00a4ff;/*鼠标放入地板框*/
    }
   /* 搜索框部分*/
   .search{
      width:410px;/*总长度=360+50*/
      height:48px;
      border: 1px solid #00a4ff;/**/
      float:left;
      margin-right: 10px;
   }
   .search input[type=text]{/*属性选择器 type为text文本框
*/
    /*background -color: pink;*/
        width:360px;
        height:48px;
        padding-left: 10px;
        float:left;


   }
   .search input[type=submit]
   {
      width:50px;
      height: 48px;
      //background-color:#00a4ff ;/**/
      float:left;
     
   }
  /* 个人中心*/
  .personal {
      /*padding: 0 8px;*/
      float:right;
      height:42px;
      line-height: 50px;/*这个行高给父亲，因为行高会继承*/
      margin:0 50px 10px 20px; /*上0 右15 下0 左35*/

  }
  .personal li{
    float: left;
    text-align:center;
    color:#fff;
    font-size:20px;
  }
  .personal li a{
     padding: 0 8px;
     display: block;
     height:42px;
     color: #fff;
  }
  .personal li a:hover{
      border-bottom: 2px solid #00a4ff;
    }
